import './style.css'

/*
1、创建项目： npm create vite@latest
  选择 原生、vue、react

2、安装依赖 npm install
    可以设置css ,建立在canvas上的
    整理文件层次

3、安装three.js npm install three
  引用  import * as THREE from 'three'
  所有实例、方法等看文档
*/
// 示例往下递进
// 01 +控制器及辅助坐标系
// import './src/index01.js'

//02 +物体位移与父子元素
// import './src/index02.js'

//03 +物体缩放和旋转
// import './src/index03.js'

//04 +设置响应式画布与全屏效果 设置画布自适应窗口的拉大拉小
// import './src/index04.js'

//05 + lil-GUI调试  
// import './src/index05.js'

//06 + 几何体、顶点、面 的 BufferGeometry(缓冲区几何体类) 所有几何体都要继承这个类
// import './src/index06.js'

//07 + 几何体划分顶点组设置不同材质，不同面设置不同颜色
// import './src/index07.js'

//08 + 基础材质 贴图（高光、透明、环境、光照、环境遮蔽等）  背景
// import './src/index08.js'

//09 + 雾
// import './src/index09.js'

//10 + GLTF 3D模型的加载（GLTF是用得最多的）
// import './src/index10.js'

//11 + 光线投射， 射线就是从原点到你在场景中点击的点连成的线
// import './src/index11.js'

//12 + 补间动画 ，解释为补上中间的动画  这是安装threejs会自带的一个库 tween， 还可以使用 gasp
// import './src/index12.js'

//13 + uv 的应用
import './src/index13.js'